iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0
自我挑戰組

50後阿嬤教你寫程式!系列 第 8

Day 08 阿嬤會做循環喔!(下)

  • 分享至 

  • xImage
  •  

Day 08 阿嬤會做循環喔!(下)

再次相遇。

For 迴圈的應用

上次我們有講到 For 迴圈嘛,那這邊再簡略複習一下,for迴圈很常見的一種用法,就是對數組中的每一個元素執行操作,或是對字串的每一個文字執行操作。例如:它可以把鉛筆盒的所有文具列印出來:

var 文具 = ["pencil" , "eraser" , "ruler" , "glue" , "marker"];
for (var i = 0; i < 文具.length; i++) {
  console.log("我有" + 文具[i]);
}

在這次循環中,變數i原本是0。但是每一次循環,都會為i加1。但是這裡的一個規則就是,文具.length等於4,所以每一次循環,控制臺上面的文具都不會都不會超過5隻(在JavaScript裡,0是代表初始,並不是我們日常中講的1,換一個簡單的講法,在JavaScript裡,0就等於1,不只是JavaScript有這樣的特性,某些程式語言都一樣)換句話說,0 = pencil、1 = eraser、2 = ruler、3 = glue、4 = marker。
輸出如下:


"我有pencil"
"我有eraser"
"我有ruler"
"我有glue"
"我有marker"


我們也可以利用for迴圈來列印出我的名字!

var 我的名字 = "Joanne";
for (var i = 0; i < 我的名字.length; i++) {
  console.log(我的名字[i] + ".");
}

感覺跟上一個程式碼差不多對不對,的確,它就只是修改了變數的部份而已,竟可以玩出這麼多花樣,很神奇齁~
執行程式碼後的輸出如下:


J.
o.
a.
n.
n.
e.


哈哈自己的名字都被印出來了,不免自覺的有點害羞(>///<)

利用for迴圈來數次方

大家一定有學過二次方,我也是國中就學到了,有點好奇大家是什麼時候學到次方的(我其實還沒學到次方啦哈,只是要學到了)聽說有特別的公式可以算次方,但是對於一個小升初的學生,是多麼的不友善:)回歸正題,想必大家一定初學次方的時候,一定會覺得:「這是什麼東西阿?」但是大家都知道,電腦是聰明的,為何不用電腦來計算呢?例如:我們來印出 10000 以下的次方,大家都知道,次方是無限多的,所以要訂一個特殊條件,防止無限循環再次發生

for (var x = 2; x < 10000; x = x * 2) {
  console.log(x);
}

我們把 x 設成 2,並且使用"x = x * 2"來增加x的值,讓 x 的每一次循環中,的值都會翻倍。如下所示:


2
4
8
16
32
64
128
256
512
1024
2048
4096
8192


這樣就可以把 10000 以下的 2 的次方都列印出來了喔啾咪(注:程式碼可能會怪怪的,所以請大家多多識讀喔,然後也可以告訴我~)

小總結

今天應該是我們迴圈的最後一章了,明天寫什麼主題
你們可以試著猜猜看(⁎⁍̴̛ᴗ⁍̴̛⁎),偶爾賣個關子也好,
那今天就下課嘍大家明天見~


上一篇
Day 07 阿嬤會做循環喔!(中)
下一篇
Day 09 阿嬤的函式!(上)
系列文
50後阿嬤教你寫程式!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言